<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/XiYanpaihang.css"/>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="XiYanpaihangWeb">
			<div class="xiyanbang">
				<img src="img/XiYanpaihang/xiyanbang.png"/>
			</div>
			<ul class="liebiao">
				<li>
					<div class="huangguan">
						<p>1</p>
						<img src="img/XiYanpaihang/jinguan.png"/>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>2</p>
						<img src="img/XiYanpaihang/yinguan.png"/>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>3</p>
						<img src="img/XiYanpaihang/tongguan.png"/>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>4</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>5</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p>30位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>6</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>7</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>8</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>9</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>9</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxi	ang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>9</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
				<li>
					<div class="huangguan">
						<p>9</p>
					</div>
					<div class="touxiang">
						<img src="img/XiYanpaihang/touxiang.png"/>
					</div>
					<p>xxx</p>
					<p><span>30</span>位宾客</p>
				</li>
			</ul>
			<div class="tubiao">
				<img src="img/XiYanpaihang/tubiao.png"/>
			</div>
			<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
				$(".liebiao li").each(function(index,curval){
					$(this).find(".huangguan p").text(index+1);
				})
				
			</script>
			
		</div>
	</body>
</html>
